<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>npm</title>
  <link rel="stylesheet" href="../css/register.css">
  <link rel="shortcut icon" href="../images/index.ico" type="">
  <link rel="stylesheet" href="../css/bootstrap.min.css">
</head>

<body>
  <main>
    <div class="center">
      <div>
        <div class="mpn">
          <a href="../index.html">
            <svg viewBox="0 0 780 250">
              <path fill="#231F20"
                d="M240,250h100v-50h100V0H240V250z M340,50h50v100h-50V50z M480,0v200h100V50h50v150h50V50h50v150h50V0H480z M0,200h100V50h50v150h50V0H0V200z">
              </path>
            </svg>
          </a>
        </div>
        <div class="register">
          <div class="register-form">
            <h4>Sign Up</h4>
            <form>
              <div class="form-group">
                <label for="InputUsername">Full Name</label>
                <input type="text" class="form-control" id="InputUsername">
              </div>
              <div class="form-group">
                <label for="nputPassword1">Public Email</label>
                <input type="password" class="form-control" id="InputPassword1">
                <p class="remenber1">Please enter a valid email</p>
              </div>
              <div class="form-group">
                <label for="nputPassword1">Username</label>
                <input type="password" class="form-control" id="InputPassword2">
              </div>
              <div class="form-group">
                <label for="nputPassword1">Password</label>
                <input type="password" class="form-control" id="InputPassword3">
                <p class="remenber">Please enter a valid password that is at least 10 characters</p>
              </div>
              <P class="list-up">In order to <span class="weight">protect your account</span>, make sure your password:
              </P>
              <div class="list">
                <ul>
                  <li>Is longer than 10 characters</li>
                  <li>Does not match or significantly contain your username, e.g. do not use 'username123'.</li>
                  <li>Is not a member of this <a href="" class="weight a-weight">list of common passwords</a></li>
                  <li>Is not a member of the <a href="" class="weight a-weight">Have I Been Pwned</a> breach database
                  </li>
                </ul>
              </div>
              <div class="check-tick">
                <div class="check-tick-center">
                  <input class="" type="checkbox" id="check" onclick="check1()">
                  <label for="" class="tick-label">
                    <span>Agree to the <a href="" class="a-weight">End User License Agreement</a> and the </span><a
                      href="" class="a-weight">Privacy Policy</a>
                  </label>
                  <p class="attention">Please check this box</p>
                </div>
              </div>
              <button type="submit" class="btn">Create an Account</button>
              <div class="xixi"><a class="login" href="../html/login.html">or, Login</a></div>
            </form>
          </div>
        </div>
      </div>
    </div>
  </main>

  <script src="../js/jquery-3.5.1.min.js"></script>
  <script src="../js/popper.min.js"></script>
  <script src="../js/bootstrap.min.js"></script>
  <script src="../js/register.js"></script>
</body>

</html>